<ui:component xmlns:ui="http://java.sun.com/jsf/facelets"
              xmlns:p="http://primefaces.org/ui"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:c="http://java.sun.com/jsp/jstl/core"
              xmlns:f="http://java.sun.com/jsf/core">
    <c:if test="#{!sesion.activa}">
        <!--#{!sesion.comprobar()}-->
    </c:if>
    <c:if test="#{!pCMesa.consultarPermisos().ver}">
        <h:panelGroup layout="block" styleClass="divsinpermisos">
            <p:outputLabel value="No tiene permisos suficientes para ver esta página"/>
        </h:panelGroup>
    </c:if>
    <ui:param name="nombreparam" value="mesa" />
    <h:panelGrid columns="3" id="paneldialogogriddata#{nombreparam}" styleClass="grid-modal-interno">

        <h:outputText value="(*)Mínimo:"/>
        <h:column>
            <p:spinner id="txtmin#{nombreparam}" value="#{pCMesa.temporal.minimo}" min="1" size="3"
                       validatorMessage="El campo Mínimo debe ser mayor que 0 y menor que 20"
                       requiredMessage="El campo Mínimo debe ser mayor que 0">
                <f:validateLongRange minimum="1" maximum="20" />
                <p:ajax event="change" process="@this" listener="#{pCMesa.aumentarMaximo()}"
                        update="txtmax#{nombreparam}"/>
            </p:spinner>
        </h:column>
        <p:message for="txtmin#{nombreparam}" display="icon"/>

        <h:outputText value="(*)Máximo:"/>
        <h:column>
            <p:spinner id="txtmax#{nombreparam}" value="#{pCMesa.temporal.maximo}" size="3"
                       min="#{pCMesa.temporal.minimo}"  readonly="#{pCMesa.esVer()}"
                       validatorMessage="El campo Máximo debe ser mayor que 0 y menor que 20"
                       requiredMessage="El campo Máximo debe ser mayor que 0">
                <f:validateLongRange minimum="1" maximum="20" />
                <p:ajax event="change" process="@this" listener="#{pCMesa.aumentarMaximo()}"
                        update="txtmax#{nombreparam}"/>
            </p:spinner>
        </h:column>
        <p:message for="txtmax#{nombreparam}" display="icon"/>

        <h:outputText value="(*)Descripción:"/>
        <h:column>
            <h:panelGroup layout="block" id="x1#{nombreparam}">
                <p:inputTextarea value="#{pCMesa.temporal.descripcion}" maxlength="255"
                                 cols="35" rows="4"
                                 counter="contdata#{nombreparam}" id="txtadatadesc#{nombreparam}"
                                 autoResize="false" counterTemplate="{0} caracteres restantes"
                                 readonly="#{pCMesa.esVer()}" required="true"
                                 requiredMessage="El campo Descripción es requerido"/>
            </h:panelGroup>
            <h:panelGroup layout="block" id="x2#{nombreparam}">
                <h:outputText id="contdata#{nombreparam}" style="font-size: 10px;"/>
            </h:panelGroup>
        </h:column>
        <p:message for="txtadatadesc#{nombreparam}" display="icon"/>

    </h:panelGrid>

</ui:component>
